<template>
    <div class="table-pagination">
        <el-pagination
                @size-change="handleSizeChange"
                @current-change="handleCurrentChange"
                :page-sizes="[10, 15, 20, 30]"
                :page-size="10"
                layout="total, sizes, prev, pager, next, jumper"
                :total="dataTotal">
        </el-pagination>
    </div>
</template>
<script>
    export default {
      props: ['dataTotal'],
      methods: {
        handleSizeChange (val) {
          this.$emit('size-change', val)
        },
        handleCurrentChange (val) {
          this.$emit('current-change', val)
        }
      }
    }
</script>
<style scoped>
    .table-pagination{
        margin-top: 10px;
    }
</style>